<template>
  <div>
    <FadeInOnScroll><HeroBanner /></FadeInOnScroll>
    <!-- <StatsSection /> -->
     <FadeInOnScroll><FeaturedDrinks /></FadeInOnScroll>
     <FadeInOnScroll><AwardWall /></FadeInOnScroll>
     <FadeInOnScroll><BaristaShowcase /></FadeInOnScroll>

  </div>
</template>

<script setup>
import HeroBanner from '@/components/HeroBanner.vue'
// import StatsSection from '@/components/StatsSection.vue'
import FeaturedDrinks from '@/components/FeaturedDrinks.vue'
import AwardWall from '@/components/AwardWall.vue'
import FadeInOnScroll from '@/components/FadeInOnScroll.vue'

import BaristaShowcase from '@/components/BaristaShowcase.vue'
</script>

<style scoped>

</style>